<%--
  Created by IntelliJ IDEA.
  User: fzh
  Date: 2017/9/15
  Time: 10:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <title>进度查询</title>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/default.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-3.2.1.min.js"></script>
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <style type="text/css">
        .main-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: calc(100% - 212px);
        }

        .query-area, .query-result {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 60%;
            height: 25%;
        }

        .query {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80%;
            height: 50%;
        }

        .query input {
            box-sizing: border-box;
            padding-left: 10px;
            font-size: 1.22em;
            width: 80%;
            height: 80%;
            outline: none;
        }

        .query .search {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-left: 10px;
            width: 10%;
            height: 100%;
            font-size: 2em;
            color: gray;
        }
        .query-result .table {
            width: 80%;
        }
        .query-result .table table{
            box-sizing: border-box;
            width: 90%;
            padding-left: 10px;
            border-collapse: separate;
            border-spacing: 1px;
        }
    </style>
</head>
<body>
<jsp:include page="/WEB-INF/components/pageHeader.jsp"/>
<div class="main-content">
    <div class="query-area">
        <div class="query">
            <input title="查询办理事项进度" value="" placeholder="请输入统一查询号">
            <div class="search">
                <i class="fa fa-search"></i>
            </div>
        </div>
    </div>
    <div class="query-result">
        <div class="table">
            <table>
                <thead>
                <tr>
                    <th>事项名称</th>
                    <th>经办单位</th>
                    <th>办理人（企业）</th>
                    <th>当前进度</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<jsp:include page="../components/pageFooter.jsp"/>
</body>
</html>
